<template>
    <view>
         

         <div class="header">
          <img style="width: 2rem;
position: absolute;
top: 0.5rem;
left: 0.5rem;"  src="../../style/image/myPos/backMap.png" alt="">
 
         <u-upload  width=500  height=400 :max-count='1' :action="action" :file-list="fileList" ></u-upload>
         </div>
         

          <view class="inputS">
      <u-form :model="form" ref="uForm">
       
       <u-form-item
          style="padding: 0.7rem 1rem"
          prop="intro"
          label-width="auto"
          label="租借商户"
          ><u-input    placeholder='请输入租借商户' v-model="form.intro"
        /></u-form-item>
        <u-form-item
          placeholder="123"
          style="padding: 0.7rem 1rem"
          prop="name"
          label-width="auto"
          label="租借地点"
          right-icon='map'
          right-icon-style=''
          
          ><u-input placeholder='请选择租借地点' type="textarea" v-model="form.name"
        /></u-form-item>

        <u-form-item
          style="padding: 0.7rem 1rem"
          prop="intro"
          label-width="auto"
          label="地址备注"
          ><u-input    placeholder='请输入地址备注' v-model="form.intro"
        /></u-form-item>

      </u-form>
    </view>

        <div class="footP" >
            <div  @click="addPosM" style="padding: 0.7rem;
display: flex;align-items: center;" >
                <!-- <img style="width: 1rem;" src="../../style/image/cargo/add.jpg" alt=""> -->
                <div  style="color: white;
margin-left: 0.2rem;">提交</div>
            </div>

    </div>

    </view>
</template>

<script lang='ts' >

 import { Component, Prop,Vue, Watch ,Emit} from 'vue-property-decorator'


 @Component({     //   @Component  是一个装修器   不可以在下面写语句
        name: 'test',
    })


    export default class extends Vue {
 
     @Prop({
            type: String, // 父组件传递给子组件的数据类型
            required: false, // 是否必填
            default: ' ' // 默认值， 如果传入的是 Object，则要 default: ()=>({}) 参数为函数
        }) msg!:string;

          public form = {
    name: "",
    intro: "",
    sex: "",
  };
       
         created() {
          }

          mounted() {
              //  console.log('父组件传递的参数:',this.$parent)   //暂时不考虑

                
    //  uni.navigateTo({
    // url: './selectBusin'
    // });
          }

    }
</script>

<style  scoped>

  >>>.u-list-item {
  width: 13rem;
  height: 110px;
  }



 .inputS >>>.u-icon__icon {
 font-size: inherit;
 font-weight: normal;
 top: 0px;
 color: red;
}

.header{

background-color:#f4f5f6;

}
>>>.u-upload{

  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
          flex-direction: row;

  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  justify-content: center;
  padding: 3rem;
}

.footP{

position: absolute;
bottom: 0;
background-color: #02af74;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}



</style>